





#contenedor_formulario {
	padding: 15px;
	background-color: #dddddd;
    border-radius: 0px 0px 5px 5px; 
}
#contenedor_ingreso{
	float: left;
    height: 140px;
    width: 44%;
}
.texto_ingreso{
	font-size:12px;
	color: #1493b4;
	font-family: arial,serif;
}
#cabecera_ingreso {
	vertical-align: middle;
	background-image: url(img/ingreso/fon_cabecera.png);	background-repeat: no-repeat;
	height:65px;
	width: 441px;
	min-width: 441px;
  	max-width: 441px;
   padding:0px 0px 0px 10px;
}

p{
	line-height:18px;
}


.tit_ingreso_cabecera{ 
	
   color: #FFFFFF;
    font-family: trebuchet MS;
    font-size: medium;
    letter-spacing: 2px;
    padding-left: 10px;

}

.stit_ingreso_cabecera {
	color: #8EC7D4;
    font-family: Trebuchet MS;
    font-size: 11px;
    padding-left: 10px;
}






.campo_ingreso {
	border: 1px solid #dbdada;
	width: 162px;
	padding: 2px 0px 2px 5px ;
	margin-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 16px;
	text-align: left;
    font-size:11px;;
	color: #676767;

  
 }
 
 

/**     ESTILO DEL INPUT        */



#boton_ingreso, .boton_ingreso {
	
	font-size:10px;
	text-align: center;
	 letter-spacing:1px;
	color: #106f89;	
	background-color: #F3F1F2;
    
    border: 0px solid #fff;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
    width: 165px;
    height: 26px;
    margin: 27px 0px 0px 0px;
    background:url(img/ingreso/fon_btn_ingresar.jpg);
	background-repeat:no-repeat;
    cursor:pointer;
}

#boton_ingreso:hover, .boton_ingreso:hover {
	
	font-size:10px;
	text-align: center;
	letter-spacing:1px;
	color: #106f89;	
	background-color: #F3F1F2;
    border: 0px solid #dbdada;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
    width: 165px;
    height: 26px;
    margin: 27px 0px 0px 0px;
    background:url(img/ingreso/fon_btn_ingresar_sobre.jpg);
	background-repeat:no-repeat;
    cursor:pointer;
}

.etiqueta_ingreso
{
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}

 input[type="text"]{
   font-size:10px;
   text-align: center;
   letter-spacing:1px;
   color: #4c4b4b;
    text-align:left;
	font-size:11PX;
	padding:2px 0px 0px 5px;
	background-color: #fff;
    border: 1px solid #dbdada;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
    width: 120px;
    height: 18px;
   
  /*  background:url("../img/ingreso/fon_btn_ingresar.jpg");
	background-repeat:no-repeat;*/
    cursor:pointer;


}


input[type="password"]{
   font-size:10px;
   text-align: center;
   letter-spacing:1px;
   color: #4c4b4b;
    text-align:left;
	font-size:11PX;
	padding:2px 0px 0px 5px;
	background-color: #fff;
    border: 1px solid #dbdada;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
    width: 120px;
    height: 18px;
   
  /*  background:url("../img/ingreso/fon_btn_ingresar.jpg");
	background-repeat:no-repeat;*/
    cursor:pointer;


}




#con_tit_mensaje_seguridad {
	vertical-align: middle;
	background-image: url(img/ingreso/fon_cab_seguridad.png);	background-repeat: no-repeat;
	height: 39px; 
	min-height: 39px;
	max-height: 39px;
	width: 451px;  /*370*/
	min-width: 451px;
	max-width: 451px;
}

#con_inf_mensaje_seguridad{
	
   background-color: #E6E6E6;
   height:50px;
}

#pie_mensaje_seguridad {
	
	background-image: url(img/ingreso/fon_pie_seguridad.png);	 no-repeat;
	height: 12px; 
	min-height: 12px;
	max-height: 12px;
	width: 451px;     /*370*/
	min-width: 451px;
	max-width: 451px;
	box-shadow: 0px 18px 25px #5a5a5a;
}

.txt_mensaje_seguridad {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	color: #6f7070;
	text-align:justify;
    padding:20px;
}






/***************
ESPACIOS PREDEFINIDOS
**************/
.espacio {
	width: auto;
	height: 2px;
	clear: both;
	padding-bottom: 2px;
}

.espacio_grande {
	width: auto;
	height: 5px;
	clear: both;
	padding-bottom: 2px;
}
/*para el teclado*/

.enlace_manual_teclado{
    color:#ffffff;
    font-size: 10px;
    font-weight: bold;
}

#titulo_teclado {
	background-color: #0295b6;
	
	color: #ffffff;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 11px;
	height: 18px;
    padding:2px 0px 0px 60px; 
}


/*
.flechaTeclado{	
    background: url("../img/ingreso/fondo_flecha.jpg") no-repeat scroll center top transparent;    border-color: #DBDDDE;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
}
*/
#con_teclado{
  	
   
   /* width: 100%;*/
  
}


#teclado {
	float: right;
    height: 140px;
    width: 56%;
}

.fondo_teclado{
    background-color: #F5F5F6;
    border-radius: 3px 3px 3px 3px;
    height: 110px;
    width: 100%;
}

.mensaje_clave{
	margin:10px 0px 0px 0px;
    text-align: left;
    font-family: arial,serif;
    font-size:12px;
	color: #676767;
}




#ayuda_teclado {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	cursor:pointer;
}

#con_tooltip_teclado {
	background: url(img/componentes/tooltip/tooltip_superior.png) no-repeat ;    color: #FFFFFF;
    display: none;
    font-weight: normal;
    height: 97px;
    margin: -10px 10px 10px 254px;
    max-height: 97px;
    max-width: 201px;
    min-height: 97px;
    min-width: 201px;
    padding: 0 1px 15px 18px;
    position: absolute;
    width: 201px;
    z-index: 101;
}

#txt_tooltip_teclado{
    padding-left: 5px;
    padding-top: 15px;
    text-align: justify;
    width: 166px;	
    font-size: 11px;
	
}

/*para el toolTip*/

/*texto en el tooltip peque�o*/
#con_tooltip_clave {
		display:none;
		background:url(img/componentes/tooltip/tooltip.png) no-repeat top left;		width:201px;
		min-width:201px;
		max-width:201px;
		/*padding:10px 1px 15px 18px;*/
		height:38px;
		min-height:38px;
		max-height:38px;
		color:#ffffff;
		/*font-weight:normal;
		font-size:11px;*/
		margin:-10px 0 0 45px;
		position:absolute;
		z-index:101;
		text-align:left;
}
.txt_tooltip_clave{
	font-size: 11px;
    padding-left: 16px;
    padding-top: 11px;
}


#cursor_puntero {cursor:pointer;}


/****/
/* BOTONES INFERIORES  TECLADO  */
/****/




/*************************/
/* BOTON INFERIOR BORRAR*/
/********************/
.btn_teclado {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
    height: 22px;
    width: 21px;
    background:url(img/ingreso/fon_btn_ingresar.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    
    /*text-align: center;*/
}


.btn_teclado_sobre {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
  
    height: 22px;
    width: 21px;
     background:url(img/ingreso/fon_btn_ingresar_sobre.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    
    /*text-align: center;*/
}



.btn_borrar {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size:8.5px;
    text-align:left;
     
	height: 22px;
    width: 42px;
    background:url(img/ingreso/btn_borrar.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    letter-spacing:-1px; 
    padding:0px 0px 0px 2px;
}

.btn_borrar_sobre {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 9px;
   
   text-align:center;
    height: 22px;
    width: 42px;
     background:url(img/ingreso/btn_borrar_sobre.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
     letter-spacing:-1.5px; 
    /*text-align: center;*/
}
/**/
.btn_mayuscula {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
    height: 22px;
    width: 21px;
    background:url(img/ingreso/btn_mayuscula.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    
    /*text-align: center;*/
}

.btn_mayuscula_sobre  {
    
   background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
    height: 22px;
    width: 21px;
    background:url(img/ingreso/btn_mayuscula_sobre.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    
    /*text-align: center;*/
}

/***********   boton regresar       *************/

.btn_regresar {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
    height: 22px;
    width: 21px;
    background:url(img/ingreso/btn_regresar.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
      
    /*text-align: center;*/
}

.btn_regresar_sobre  {
    
    background-color: #F5F5F6;
    border-color: #D1D1D1;
    border-radius: 3px 3px 3px 3px;
    border:1px solid #e2e1e2;
    color: #106f89;
    font-size: 10px;
    height: 22px;
    width: 21px;
    background:url(img/ingreso/btn_regresar_sobre.jpg);
	background-repeat:no-repeat;
    cursor: pointer;
    
    /*text-align: center;*/
}

/*****/


/***************
ESPACIOS PREDEFINIDOS
**************/
.espacio {
	width: auto;
	height: 2px;
	clear: both;
	padding-bottom: 2px;
}

.espacio_grande {
	width: auto;
	height: 5px;
	clear: both;
	padding-bottom: 2px;
}


.pop-up_inferior {
    background-image: url(img/mensajes/ingreso/fon_inferior.png);
    height: 13px;
    width: 374px;
}

.button_boton_popup_error{
    background-image: url(img/mensajes/ingreso/ico_error.png);
    cursor: pointer;
    background-repeat: repeat-x;
    color: #fff;
    border: 0px solid #ccc;
    margin-right: 5px;
    padding: 0px 2px 0px 2px;
    height: 18px;
    width: 59px;
    text-align: center;
    font-weight: normal;
    
}
.pop-up_contenido {
    font-weight: bold;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}
.pop-up_centro {
    background-image: url(img/mensajes/ingreso/fon_centro.png);
    background-repeat: repeat-y;
    width: 374px;
    height: auto;
}
.pop-up_titulo {
    padding-top: 9px;
}
.pop-up_correcto {
    background-image: url(img/mensajes/ingreso/ico_bien.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4e6d81;
    text-align: center;
    height: 46px;
    width: 374px;
}
.pop-up_seguridad {
    background-image: url(img/mensajes/ingreso/ico_seguridad.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4e6d81;
    text-align: center;
    height: 46px;
    width: 374px;
}

.pop-up_error {
    background-image: url(img/mensajes/ingreso/ico_error.png);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #4e6d81;
    text-align: center;
    height: 46px;
    width: 374px;
}

/*pop-up-fondos version2.4*/
.ui-draggable{
    background-color: transparent;
    border-color: transparent;
    /*box-shadow: 0px 5px 10px rgba(255,255, 255, 255);*/
}

.button_boton_popup{
    background-image: url(img/botones/fon_boton_popup.png);
    cursor: pointer;
    background-repeat: repeat-x;
    color: #fff;
    border: 0px solid #ccc;
    margin-right: 5px;
    padding: 0px 2px 0px 2px;
    height: 18px;
    width: 59px;
    text-align: center;
    font-weight: normal;
    
}

